<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<meta charset="utf-8" />
		<meta name="viewport" content="width=375,user-scalable=no" />
		<title></title>
	</head>
	<body>
		<div class="header">
			<div class="headerTop">
				<div class="logo">

				</div>
				<div class="search">
					<div class="icon"></div>
					<form action="https://www.baidu.com/s" method="get">
						<input type="text" name="wd" placeholder="请输入要搜索的名称" />
					</form>


				</div>
				<div class="user"></div>
			</div>
			<div class="headerNav">
				<a href="" class="active">推荐</a>
				
				<a href="https://blog.nowcoder.net/cc59608185">博客</a>
				
				<a href="https://blog.csdn.net/qq_55362295">CSDN</a>
				<a href="https://www.iconfont.cn/">iconfont</a>
				<a href="https://gitee.com/">coderutil</a>
				
				<input type="checkbox" hidden="hidden" name="choose" id="choose" value="" />
				<label for="choose" class="xhicon"></label>
				<div class="xhk">
					<div class="xhkMain">
						<div class="xhKTop">
							全部
						</div>
						<div class="xhkList">
							<a href="https://www.cupfox.com/" class="active">茶杯狐</a>
							<a href="DianYing.im">电影先生</a>
							<a href="https://www.pianku.li/">片库</a>
							<a href="https://www.hupu.com/">虎扑</a>
							<a href="https://tophub.today/">今日热榜</a>
							
							<a href="https://www.ilovepdf.com/zh-cn">PDF工具</a>
							<a href="https://koutu.gaoding.com/">在线抠图</a>
							<a href="https://www.toutiao.com/">今日头条</a>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 轮播 -->
		<a href="https://pixabay.com/zh/"><div class="swiper"></div></a> 
		<!-- 图标列表 -->
		<div class="iconList">
			<a href="https://v.qq.com/" class="iconItem"><img src="img/tx.webp" alt=""></a>



			<a href="https://www.mgtv.com/" class="iconItem"><img src="img/mg.png" alt=""></a>
			<a href="https://www.iqiyi.com/" class="iconItem"><img src="img/aiqiyi.png" alt=""></a>
			<a href="https://www.bilibili.com/" class="iconItem"><img src="img/blbl.webp" alt=""></a>
			<a href="https://music.163.com/" class="iconItem"><img src="img/wangyiyun.jpeg" alt=""></a>
			<a href="https://www.zhihu.com/signin?next=%2F" class="iconItem"><img src="img/zhihu.png" alt=""></a>
			<a href="https://www.taobao.com/" class="iconItem"><img src="img/taobao.png" alt=""></a>
			<a href="https://www.jd.com/" class="iconItem"><img src="img/jingdong.png" alt=""></a>
			<a href="https://www.aliyun.com/" class="iconItem"><img src="img/aliyun.jpeg" alt=""></a>
			<a href="http://www.dangdang.com/" class="iconItem"><img src="img/dangdang.png" alt=""></a>

		</div>

		<!-- 广告 -->

		<div class="banner">
		<a href="https://pixabay.com/zh/images/search/%E5%BB%BA%E7%AD%91/"><div class="lbanner"></div></a>	
			<div class="rbanner">
		<a href="https://wallhaven.cc/"><div class="rtbanner"></div></a>		
			<a href="https://pixabay.com/zh/images/search/%E5%9F%8E%E5%B8%82/">	<div class="rbbanner"></div></a>
			</div>
		</div>


		<!-- 精选 -->
		<!-- .jx>(.jxad+(.pdList>(.pdItem>(.tittle+.brief+.price+.buyBtn))*4)) -->
		<div class="jx">
			<div class="jxad"></div>
			<div class="pdList">
				<div class="pdItem">
					<a href="https://image.baidu.com/search/index?ct=201326592&z=&tn=baiduimage&ipn=r&word=%E5%A3%81%E7%BA%B8%20%E9%A3%8E%E6%99%AF%20%E5%B1%B1%E6%B0%B4&pn=0&istype=2&ie=utf-8&oe=utf-8&cl=2&lm=-1&st=-1&fr=&fmq=1526269427171_R&ic=0&se=&sme=&width=&height=&face=0"><img src="img/l.jpg"></a>
					<div class="title"></div>
					<div class="brief"></div>
					<div class="price"></div>
					<div class="buyBtn"></div>
				</div>
				<div class="pdItem">
					<a href="https://pixabay.com/zh/images/search/%E6%98%9F%E7%A9%BA/"><img src="img/l2.jpg	"></a>
					<div class="title"></div>
					<div class="brief"></div>
					<div class="price"></div>
					<div class="buyBtn"></div>
				</div>
				<div class="pdItem">
					<a href="http://www.netbian.com/"><img src="img/l3.webp"></a>
					<div class="title"></div>
					<div class="brief"></div>
					<div class="price"></div>
					<div class="buyBtn"></div>
				</div>
				<div class="pdItem">
				<a href="https://image.baidu.com/">	<img src="img/l6.jpg"></a>
					<div class="title"></div>
					<div class="brief"></div>
					<div class="price"></div>
					<div class="buyBtn"></div>
				</div>
			</div>
			<!-- 底部 -->
			<div class="footer">
				<div class="fIcon">
					<div class="img"></div><span>首页</span>
				</div>
				<div class="fIcon">
					<div class="img"></div><span>分类</span>
				</div>
				<div class="fIcon">
					<div class="img"></div><span>购物</span>
				</div>
				<div class="fIcon">
					<div class="img"></div><span>我的</span>
				</div>
			</div>

		</div>
	</body>
</html>
